<!DOCTYPE html>
<html>
<head>
<style>
#h111 {
  text-shadow: 20px 30px red;;
}
#h222 {
  text-shadow: 0 0 3px #FF0000;
}
#h333 {
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}
</style>
</head>
<body>

<h1 id="h111">文本阴影效果！</h1>
<h1 id="h222">文本阴影效果222！</h1>
<h1  id="h333">文本阴影效果333！</h1>
<h1>文本阴影效果4444！</h1>
</body>
</html>
